<%@ page language="java" contentType="text/html; charset=UTF-8"
	pageEncoding="UTF-8"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/fmt" prefix="fmt"%>
<%@ taglib prefix="fn" uri="http://java.sun.com/jsp/jstl/functions"%>
<%  
response.setHeader("Access-Control-Allow-Origin", "*");  
%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>全国律师·数据工厂</title>
<link href="${pageContext.request.contextPath }/img/webLogoIcon.png"
	rel="shortcut icon">
<link href="${pageContext.request.contextPath }/css/bootstrap.min.css"
	rel="stylesheet">
<link href="${pageContext.request.contextPath }/css/font-awesome.css"
	rel="stylesheet">
<link href="${pageContext.request.contextPath }/css/animate.css"
	rel="stylesheet">
<link href="${pageContext.request.contextPath }/css/style.css"
	rel="stylesheet">
<!-- FooTable -->
<link href="${pageContext.request.contextPath }/css/footable.core.css"
	rel="stylesheet">
<link
	href="https://cdnjs.cloudflare.com/ajax/libs/toastr.js/latest/toastr.min.css"
	rel="stylesheet" />
<link href="${pageContext.request.contextPath}/css/mypage.css"
	rel="stylesheet">
<style>
.select2_demo_1 {
	float: left;
	width: 120px;
	display: inline;
	margin-left: 10px;
}

.form-control {
	display: inline;
}

.col-sm-3 {
	float: right;
	width: 560px;
}

.input-group {
	float: right;
	width: 240px;
	margin-left: 5px;
}

td {
	vertical-align: middle;
}

.source {
	display: inline-block;
	cursor: pointer;
	margin-bottom: 10px;
	padding: 5px 5px;
	border: 1px solid #ccc;
	border-radius: 4px;
	margin-right: 20px;
}

.sourceAct {
	border-color: #f8ac59;
	color: #f8ac59;
}

.webAct {
	border-color: #f8ac59 !important;
	color: #f8ac59;
}

.web {
	display: inline-block;
	cursor: pointer;
	margin-bottom: 10px;
	padding: 5px 5px;
	border: 1px solid #ccc;
	border-radius: 4px;
	margin-right: 20px;
}
.search-result p{
	margin:0 0 5px;
}
</style>
</head>
<body>
	<div id="wrapper">
		<nav class="navbar-default navbar-static-side" role="navigation">
		<%request.setAttribute("LEFT", "lawyer");%> <%@include
			file="../components/left.jsp"%> </nav>
		<div id="page-wrapper" class="gray-bg">
			<div class="row border-bottom m-b-20">
				<jsp:include page="../components/head.jsp" flush="true" />
			</div>
			<div class="row wrapper border-bottom white-bg page-heading">
				<div class="col-lg-9">
					<h2>全国律师</h2>
					<ol class="breadcrumb">
						<li class="nav-main1"><a
							href="${pageContext.request.contextPath}/admin/tosystem_overview">主页</a>
						</li>
						<li class="active"><span>全国律师</span></li>
					</ol>
				</div>
			</div>
			<div class="wrapper wrapper-content animated fadeInRight">
				<div class="row">

					<div class="col-lg-12">
						<div class="ibox float-e-margins barcontent" id="barcontent"></div>

						<div class="ibox float-e-margins">
							<div class="ibox-content">
								<div class="row m-t-sm">
									<div class="col-lg-12">
										<div class="panel blank-panel">
											<div class="panel-body">
												<div class="tab-content">
													<div class="input-select" style="margin-bottom: 20px">
														<div class="input-selectbox">
															<button data-toggle="dropdown"
																class="btn btn-primary dropdown-toggle" type="button"
																aria-expanded="false">
																<i class="fa fa-bars"></i> <span id="inputSelected">姓名</span>
															</button>
															<ul class="dropdown-menu" id="selectlist">
																<li><a onclick="setselect(this)">姓名</a></li>
																<li><a onclick="setselect(this)">律所名称</a></li>
																<li><a onclick="setselect(this)">擅长领域</a></li>
																<li><a onclick="setselect(this)">城市</a></li>
															</ul>
															<input id="searchContent" type="text" class="form-control float-left"
																style="width: 440px; padding-right: 42px;"> <i
																id="gosearch" class="fa fa-search cursearch float-left"
																onclick="search()"></i>
														</div>
														<div class="form-group">
															<label for="">类型：</label>
															<select class="form-control" id="kinds" onchange="search()">
															  <option value="不限">不限</option>
															  <option value="专职律师">专职律师</option>
															</select>
														  </div>
														  <div class="form-group">
															<label for="">工作年限：</label>
															<select class="form-control" id="time" onchange="search()">
															  <option value="不限">不限</option>
															  <option value="一年以内">一年以内</option>
															  <option value="一到两年">一到两年</option>
															  <option value="两到三年">两到三年</option>
															  <option value="三到四年">三到四年</option>
															  <option value="四到五年">四到五年</option>
															  <option value="五到六年">五到六年</option>
															  <option value="六到七年">六到七年</option>
															  <option value="七到八年">七到八年</option>
															  <option value="八到九年">八到九年</option>
															  <option value="九到十年">九到十年</option>
															  <option value="十年以上">十年以上</option>
															</select>
														  </div>
													</div>
													<div class="tab-pane active" id="tab-1">
														<div class="feed-activity-list" id="list"></div>

														<div class="feed-activity-list" id="logs">
															<div class="box" id="box" style="float: right;"></div>
														</div>
													</div>
												</div>
											</div>
										</div>
									</div>
								</div>
							</div>
						</div>
					</div>
				</div>
			</div>
			<jsp:include page="../components/footer.jsp" flush="true" />
		</div>
	</div>
	<!-- Mainly scripts -->
	<script src="${pageContext.request.contextPath }/js/jquery-2.1.1.js"></script>
	<script src="${pageContext.request.contextPath }/js/bootstrap.min.js"></script>
	<script
		src="${pageContext.request.contextPath }/js/jquery.metisMenu.js"></script>
	<script
		src="${pageContext.request.contextPath }/js/jquery.slimscroll.min.js"></script>
	<!-- Custom and plugin javascript -->
	<script src="${pageContext.request.contextPath }/js/inspinia.js"></script>
	<script src="${pageContext.request.contextPath }/js/pace.min.js"></script>
	<!-- FooTable -->
	<script
		src="${pageContext.request.contextPath }/js/footable.all.min.js"></script>
	<script src="${pageContext.request.contextPath}/js/mypage.js"></script>
	<!-- 格式化日期 -->
	<script src="https://cdn.jsdelivr.net/npm/jutils-src"></script>
	<script
		src="${pageContext.request.contextPath}/js/anychart-base.min.js"></script>
	<script src="${pageContext.request.contextPath}/js/userCustom.js"></script>
	<!-- Page-Level Scripts -->
	<script>
		function setselect(el) {
			document.getElementById("inputSelected").innerHTML=el.text
		}

		function search() {
			filter(1)
		}

		function filter(currentPage) {
			$('#list').html('<div><h1 style="text-align:center;">加载数据中......</h1></div>')
			let matchingmode=document.getElementById("inputSelected").textContent
			let searchkeyword=document.getElementById("searchContent").value.trim()
			if(searchkeyword===''){
				matchingmode=undefined
			}
			let kinds=document.getElementById("kinds").value
			let time=document.getElementById("time").value
			// console.log(kinds+"   "+time)
			let month_day=jutils.formatDate(new Date(), "-MM-DD hh:ii:ss")
			let times=new String()
			let timee=new String()
			switch (time) {
				case '不限':
					times=undefined
					timee=undefined
					break;
				case '一年以内':
					times=jutils.formatDate(new Date(), "YYYY")-1+month_day
					timee=jutils.formatDate(new Date(), "YYYY")+month_day
					break;
				case '一到两年':
					times=jutils.formatDate(new Date(), "YYYY")-2+month_day
					timee=jutils.formatDate(new Date(), "YYYY")-1+month_day
					break;
				case '两到三年':
					times=jutils.formatDate(new Date(), "YYYY")-3+month_day
					timee=jutils.formatDate(new Date(), "YYYY")-2+month_day
					break;
				case '三到四年':
					times=jutils.formatDate(new Date(), "YYYY")-4+month_day
					timee=jutils.formatDate(new Date(), "YYYY")-3+month_day
					break;
				case '四到五年':
					times=jutils.formatDate(new Date(), "YYYY")-5+month_day
					timee=jutils.formatDate(new Date(), "YYYY")-4+month_day
					break;
				case '五到六年':
					times=jutils.formatDate(new Date(), "YYYY")-6+month_day
					timee=jutils.formatDate(new Date(), "YYYY")-5+month_day
					break;
				case '六到七年':
					times=jutils.formatDate(new Date(), "YYYY")-7+month_day
					timee=jutils.formatDate(new Date(), "YYYY")-6+month_day
					break;
				case '七到八年':
					times=jutils.formatDate(new Date(), "YYYY")-8+month_day
					timee=jutils.formatDate(new Date(), "YYYY")-7+month_day
					break;
				case '八到九年':
					times=jutils.formatDate(new Date(), "YYYY")-9+month_day
					timee=jutils.formatDate(new Date(), "YYYY")-8+month_day
					break;
				case '九到十年':
					times=jutils.formatDate(new Date(), "YYYY")-10+month_day
					timee=jutils.formatDate(new Date(), "YYYY")-9+month_day
					break;
				case '十年以上':
					times=jutils.formatDate(new Date(), "YYYY")-100+month_day
					timee=jutils.formatDate(new Date(), "YYYY")-10+month_day
					break;
			}
			// console.log(times)
			// console.log(timee)
			$.ajax({
				url: "${pageContext.request.contextPath}/executionPerson/lawyerlist",
				type: "post",
				data: {
					pageNum: currentPage,
					matchingmode: matchingmode,
					times: times,
					timee: timee,
					searchkeyword: searchkeyword==='' ? undefined : searchkeyword,
					kinds: kinds==='不限' ? undefined : kinds
				},
				success: function(res) {
					filterList(currentPage, res)
					// window.location.reload()
				},
				error: function(res) {
					$('#list').html('<div class="feed-element">暂无数据！</div>')
				}
			});
		}

    var data = 
		[
		     ['长沙市', '4054'],
		     ['常德市', '9410'],
		     ['娄底市', '6610'],
		     ['邓州市', '7130'],
		     ['衡阳市', '8000'],
		     ['怀化市', '4760'],
		     ['岳阳市', '1670'],
		     ['湘潭市', '2210'],
		     ['益阳市', '2980']
			]
		createbar("barcontent","城市分布",data)
    
        $(document).ready(function() {
            $('.footable').footable();
        });
        
        $(function(){
        	/* decorateLevels() */
        	article(1)
		});
        
        var time = ''
        
        function timeseek(obj) {
        	time = $(obj).val()
        	article(1)
		}
        
        /* function decorateLevels(){
        	$.ajax({
        		url : "${pageContext.request.contextPath}/executionPerson/executionpersonbygistUnit",
        		type : "post",
        		data:{},
        		async:false,
        		success : function(res) {
        			res = JSON.parse(res);
        			for (var i = 0; i < res.length; i++) {
        				var text = res[i].key
        				if(text){
        					var html = '<option value="'+res[i].key+'">'+text+'</option>'
   					     	$('#org-select').append(html)
        				}
					}
        		},
        		error: function(err) { console.log(err) }
        	});
        } */
        
		function article(pageNum){
			filter(pageNum)
        }

		function filterList(pageNum, res1) {
			$('#list').html('')
			let res = JSON.parse(res1);
			$('#dataCount').html('共'+res.totalData+'条')
			paging(res.totalData, res.totalPage, pageNum)
			var list = res.list;
			for (var i = 0; i < list.length; i++) {
				var list1=JSON.parse(list[i].content);
				var html = '<div class="feed-element">'+
				'<div class="search-result" style="display: flex;">'+
				'<div style="float:left;min-height: 80px;">'+
					'<p><img style="width: 80px;" src="../img/doctor.jpg"></p>'+
				'</div>'+
				'<div style="float: left;padding:0 0 0 20px;">'+
					'<h3 style="margin-bottom: 10px;">'+
					'<a target="_blank" href="${pageContext.request.contextPath}/executionPerson/lawyer-detail?article_public_id='+list1.article_public_id+'">'+list1.name+'</a></h3>'+
					'<p>'+
					'<span style="">手机号：  '+list1.telephone+'</span>'+
						'<span style="margin-left: 30px;">职位：  '+list1.kinds+'</span>'+
						'<span style="margin-left: 30px;">擅长：'+list1.goods+' </span>'+
						'<span style="margin-left: 30px;">学历：  '+list1.educationbackground+'</span>'+
						
					'</p>'+
					'<p>'+
						'<span>邮件：  '+list1.email+' </span>'+
						'<span style="margin-left: 30px;">认证号：'+list1.certID+' </span>'+
						'<span style="margin-left: 30px;">任职时间：  '+list1.qualifitime.substring(0,10)+'</span>'+
					'</p>'+
					'<p>'+
					'<span style="margin-left: 0px;">律所名称： '+list1.lawfirm+'</span>'+
					'<span style="margin-left: 30px;">律所地址：  '+list1.address+'</span>'+
					'<span style="margin-left: 30px;">城市：'+list1.city+' </span>'+
						
					'</p>'+
				'</div>'+
			'</div>'+
		'</div>';
					$('#list').append(html)
			}
			if (list.length == 0) {
				$('#list').html('<div class="feed-element">暂无数据！</div>')
			}
			// parent.location.reload()
			// window.location.reload()
		}
		
        function paging(totalData,totalPage, pagenum) {
			$('#box').paging({
				initPageNo : pagenum, // 初始页码
				totalPages : totalPage, //总页数
				totalCount : '合计' + totalData + '条数据', // 条目总数
				slideSpeed : 600, // 缓动速度 单位毫秒
				jump : true, //是否支持跳转
				callback : function(page) { // 回调函数 
					}
			});
		}
        
		function JumpToPage(pageNum) {
			article(pageNum)
		}
		
		//跑马灯方法 
// 		 function init(){
// 			    //获取标题
// 			    var title=document.title;
// 			    //分割字符串--->字符数组
// 			    var arr=title.split("");
// 			    //删除第一个元素并返回该元素
// 			    var e=arr.shift();
// 			    //把一个对象添加到数组末尾
// 			    arr.push(e);
// 			    //把数组转换成字符串
// 			    var marquee=arr.join("");
// 			    //返回给浏览器
// 			    document.title=marquee;
// 			    //定时一直执行
// 			    window.setTimeout("init()",1000);
// 			}
// 			window.onload=init;
    </script>
	<script
		src="https://cdnjs.cloudflare.com/ajax/libs/toastr.js/latest/toastr.min.js"></script>
</body>
</html>
